<template>
<div style="user">
  <div class="userImg clearfix">
  <div><img src="./img/user.jpg" width="40" height="40"/></div> 
  <div><span>vue</span>
  <p>绑定手机号:1546879546</p>
  </div></div>
  <div class="userImg">
  <span class="left">账户与安全</span><span class="right">></span>
  </div>
    <div class="userImg" v-on:click="$router.push('/shoppingcart')">
  <span class="left">我的购物车</span><span class="right">></span>
  </div>
    <div class="userImg" v-on:click="$router.push('/myaddress')">
  <span class="left">收货地址管理</span><span class="right">></span>
  </div>
  <div class="log-out">
  <mt-button type="primary" size="large">退出登录</mt-button>
  </div>c
</div>
</template>

<script>
export default {
  data() {
    return {
    }
  },mounted() {
      
  },methods: {
      
  }
}
</script>

<style scoped>
.user{
  width:100%;
}
.userImg{
   width:95%;
  margin:auto;
  border-bottom:1px solid #999;
  text-align:left;
}
.userImg div{
  float:left;
  margin:20px;
  font-size:15px;
}
.userImg span{
  font-size:20px;
  color:#000;
  margin-left:0;
}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.left{
  line-height:60px;
}
.right{
  display:line-block;
  float:right;
  line-height:60px;
}
.log-out{
  width:90%;
  margin:auto;
  margin-top:20px;
}
</style>
